@import '../../../../theme';

.cards {
    margin: 0 16px;
    overflow: hidden;

    h3 {
        text-align: center;
        font-weight: bold;
    }

    :global {
        .ant-row {
            .ant-col {
                margin-bottom: 12px;
                flex: 1;
                height: 415px;

                .ant-card {
                    height: 100%;
                    display: flex;
                    flex-direction: column;

                    .ant-card-body {
                        flex: 1;
                        height: 300px;
                    }
                }
            }
        }
    }
}

.xh {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, 0.45);
    line-height: 24px;
    border-radius: 24px;
    background: #ccc;

    &.orange {
        background: @orange;
        color: #fff;
    }
}

.overflowY {
    :global {
        .ant-card-body {
            overflow-y: auto;
        }
    }
}

.tabListOverflowY {
    :global {
        .ant-card-body {
            padding-top: 1px;
            overflow-y: auto;
        }
    }
}

.bottomText {
    margin: 0;
    padding: 0;
    display: flex;

    li {
        flex: 1;
        text-align: center;

        .description {
            display: inline-block;

            div {
                text-align: left;
            }
        }
    }
}

:global {
    .reportPage {
        .ant-table-thead > tr > th,
        .ant-table-tbody > tr > td {
            padding: 13px 5px;
        }

        .ant-card-body {
            > .ant-empty {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                margin: 0;
            }
        }
        .ant-select-dropdown-menu {
            display: block;
            min-width: 90px;
            overflow: hidden;
        }
    }
}

.jbCard {
    :global {
        .ant-card-body {
            padding-top: 0;
            position: relative;
        }
    }
}

.relative {
    position: relative;

    .all {
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 2;
        font-weight: bold;
    }
}

.clearTabsListPadding {
    :global {
        .ant-card-body {
            padding: 0;
        }
    }
}
